<template>
	<view class="">
		<view class="indexHeaBox">
			<view class="leftImg" @click="open2">
				<image v-if="$i18n.locale == 'ft'" src="../../static/img/zh.png" alt=""></image>
				<image v-if="$i18n.locale == 'en'" src="../../static/img/en.png" alt=""></image>
				<image v-if="$i18n.locale == 'jp'" src="../../static/img/rb.png" alt=""></image>
				<image v-if="$i18n.locale == 'ko'" src="../../static/img/hg.png" alt=""></image>
				<image v-if="$i18n.locale == 'zh'" src="../../static/img/zh.png" alt=""></image>
				<p v-if="$i18n.locale == 'ft'">港澳繁體</p>
				<p v-if="$i18n.locale == 'en'">English</p>
				<p v-if="$i18n.locale == 'jp'">にほんご</p>
				<p v-if="$i18n.locale == 'ko'">한국어</p>
				<p v-if="$i18n.locale == 'zh'">中文简体</p>
			</view>
			<view class="mask2" v-if="show2">
				<view @click="lang('en')">
					<img src="../../static/img/en.png" alt="">
					<text>English</text>
				</view>
				<view @click="lang('ft')">
					<img src="../../static/img/zh.png" alt="">
					<text>港澳繁體</text>
				</view>
				<view @click="lang('zh')">
					<img src="../../static/img/zh.png" alt="">
					<text>中文简体</text>
				</view>
				<view @click="lang('jp')">
					<img src="../../static/img/rb.png" alt="">
					<text>にほんご</text>
				</view>
				<view @click="lang('ko')">
					<img src="../../static/img/hg.png" alt="">
					<text>한국어</text>
				</view>
			</view>
			<view class="rightImg">
				<!-- <image @click="goPage('../recentNews/index')" src="../../static/images/41.png" mode=""></image>
				<view class="rightImgLine"></view> -->
				<image @click="islogin()" src="../../static/images/23.png" mode=""></image>
				<view v-if="info.email" class="rightImgName">
					{{info ? info.email : $t('login.title35')}}
				</view>
				<image @click="loginouts()" class="logout" src="../../static/images/logout.png" mode=""></image>
			</view>
			<view class="sjhsuid">
				UID：{{info ? info.uid : ""}}
			</view>
		</view>
		<view class="indexNav">
			<view class="indexNavIt" v-for="(item,index) in navList" :key="index" @click="goPage(item.path)">
				<image :src="item.img" mode=""></image>
				{{item.title}}
			</view>
		</view>
		<view class="linehjghj">
			<view class="lineLeft">
		
			</view>
		</view>
		<view class="tongjiBox">
			<view class="tongjiBoxTitle">
				{{$t('indexTitle.title1')}}
			</view>
			<view class="tongjiNav">
				<div class="conNavOneItdada">
					<div class="conNavOneItRiButs">
						<u-button type="primary" :custom-style="customStyleOne" size="mini"
							@click="gocunkuan()">{{$t('indexTitle.title3')}}</u-button>
						<u-button type="primary" :custom-style="customStyleThree" size="mini"
							@click="gozhuanzhang(0)">{{$t('indexTitle.title4')}}</u-button>
					</div>
					<view class="conNavOneItRiBut" @click="gorecord(1)">
						<img src="../../static/images/55.png" alt="">
						<div class="conNavOneItRi">
							<p>{{$t('allocation.title10')}}</p>
							<p>{{balance[0] || '0.00'}} <br />USD</p>
						</div>
					</view>
				</div>
				<div class="conNavOneItdada" style="background-color: #ffca93;">
					<div class="conNavOneItRiButs">
						<u-button type="primary" :custom-style="customStyleOne" size="mini"
							@click="gotixian(0)">{{$t('indexTitle.title4s')}}</u-button>
						<u-button type="primary" :custom-style="customStyleThree" size="mini"
							@click="gozhuanzhang(1)">{{$t('indexTitle.title4')}}</u-button>
					</div>
					<view class="conNavOneItRiBut" @click="gorecord(2)">
						<img src="../../static/images/55.png" alt="">
						<div class="conNavOneItRi">
							<p>{{$t('allocation.title11')}}</p>
							<p>{{balance[1] || '0.00'}} <br />USD</p>
						</div>
					</view>
				</div>
				<div class="conNavOneItdada" style="background-color: #8ec8fa;">
					<div class="conNavOneItRiButs">
						<u-button type="primary" :custom-style="customStyleOne" size="mini"
							@click="gotixian(1)">{{$t('indexTitle.title4s')}}</u-button>
						<u-button type="primary" :custom-style="customStyleThree" size="mini"
							@click="gozhuanzhang(2)">{{$t('indexTitle.title4')}}</u-button>
					</div>
					<view class="conNavOneItRiBut" @click="gorecord(3)">
						<img src="../../static/images/55.png" alt="">
						<div class="conNavOneItRi">
							<p>{{$t('allocation.title12')}}</p>
							<p>{{balance[2] || '0.00'}} <br />USD</p>
						</div>
					</view>
				</div>
				<!-- <div class="conNavOneItdada" style="background-color: #277af5;">
					<img src="../../static/images/55.png" alt="">
					<div class="conNavOneItRi">
						<p>{{$t('allocation.title13')}}</p>
						<p>{{balance[3] || '0.00'}} USD</p>
						<div class="conNavOneItRiBut">
							<u-button type="primary" :custom-style="customStyleThree" size="mini" style="width: 96rpx;"
								@click="gozhuanzhang(3)">{{$t('indexTitle.title4')}}</u-button>
						</div>
					</div>
				</div> -->
			</view>
		</view>
		<view class="conLineBox"></view>

		<!-- <view class="conTitOneTit">
			· {{$t('recentNews.title1')}} ·
		</view> -->
		<view class="conListBoxIt" style="margin-top: 30rpx;">
			<view class="conThreeTitle">
				<view class="conThreeTi" :class="{'conThreeTiTow':navItShow==0}" @click="cutNavIt(0)">
					<p>{{$t('recentNews.title2')}}</p>
					<view class="lineBoxTow" v-if="navItShow==0"></view>
				</view>
				<!-- <view class="conThreeTi" :class="{'conThreeTiTow':navItShow==1}" @click="cutNavIt(1)">
					<p>{{$t('recentNews.title3')}}</p>
					<view class="lineBoxTow" v-if="navItShow==1"></view>
				</view> -->
				<!-- <view class="conThreeTi" :class="{'conThreeTiTow':navItShow==2}" @click="cutNavIt(2)">
					<p>{{$t('recentNews.title4')}}</p>
					<view class="lineBoxTow" v-if="navItShow==2"></view>
				</view> -->
			</view>
			<view class="gonggaoBox" v-if="list.length > 0">
				<view class="gonggaoBoxTitLE">
					<view class="gonggaoBoxTiIt">
						{{$t('recentNews.title5')}}
					</view>
					<view class="gonggaoBoxTiIt">
						{{$t('recentNews.title6')}}
					</view>
				</view>
				<view class="gonggaoBoxCon">
					<view class="gonggaoBoxConIt" v-for="(item,index) in list" :key="index" @click="godetail(item)">
						<view class="gonBoxConleft">
							<view class="yuanBoxtOW"></view>
							<view class="yuanboxonsd">{{item.title}}</view>
						</view>
						<view class="gonBoxConright">
							{{item.created_at}}
						</view>
					</view>
				</view>
			</view>
			<view style="width: 100%;text-align: center;margin-top: 50rpx;" v-else>
				<image src="../../static/img/empty.png" style="width: 50px;height: 50px;"></image>
				<p> {{$t('first.title44')}}</p>
			</view>
		</view>

		<view class="conTitOneTit">
			<!-- · {{$t('activityTitle.title5')}} · -->
		</view>
		<view class="tishiBox">
			<view class="tishiBoxIt">
				<!-- <image src="../../static/images/59.jpg" alt=""></image> -->
				<view class="tishiBoxItText">
					<view class="tishiBoxItTextTit">
						<view class=""></view>
						<p>{{$t('activityTitle.title6')}}</p>
					</view>
					<view class="tishiBoxItTextCon">
						{{$t('activityTitle.title7')}}
					</view>
				</view>
			</view>
			<view class="tishiBoxIt">
				<view class="tishiBoxItText">
					<view class="tishiBoxItTextTit">
						<view class=""></view>
						<p>{{$t('activityTitle.title8')}}</p>
					</view>
					<view class="tishiBoxItTextCon">
						{{$t('activityTitle.title9')}}
					</view>
				</view>
				<!-- <image src="../../static/images/60.jpg" alt=""></image> -->
			</view>
		</view>
		<view class="conSix">
			<p>{{$t('indexTitle.title24')}}</p>
			<!-- <view class="conSixText">
				<p>{{$t('indexTitle.title25')}}</p>
				<p>{{$t('indexTitle.title26')}}</p>
			</view> -->
		</view>
		<!-- <p class="buttomBoxbut">{{$t('indexTitle.title27')}}</p> -->
		<!-- <view class="bottomTextBox">
			{{$t('indexTitle.title28')}}
		</view> -->
		<view class="notice" v-if="loginout">
			<view class="loginoutbox">
				<view class="lbtitle">{{$t('login.title36')}}</view>
				<view class="lbtitle1">{{$t('login.title37')}}</view>
				<view class="lbbtns">
					<view class="lbbtn1" @click="loginout = false">{{$t('login.title38')}}</view>
					<view class="lbbtn2" @click="logout()">{{$t('login.title39')}}</view>
				</view>
			</view>
		</view>
		<view class="kefu" @click="gokefu">
			<image src="../../static/images/telegram.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	import {domains} from '../../config/domain.js'
	export default {
		components: {},
		data() {
			return {
				customStyleOne: {
					background: '#fdd02e !important',
					color: '#fff !important',
					border: 'none !important',
					fontSize: '12px !important',
					marginBottom: '5px !important',
				},
				customStyleTow: {
					background: '#5fb4fb !important',
					color: '#fff !important',
					fontSize: '12px !important',
					border: 'none !important',
					marginBottom: '5px !important',
				},
				customStyleThree: {
					background: '#5fb4fb !important',
					color: '#fff !important',
					fontSize: '12px !important',
					border: 'none !important',
					marginBottom: '5px !important',
					marginLeft: '5px !important',
				},
				navList: [{
						'title': this.$t('indexTitle.title29'),
						"img": '../../static/images/3.png',
						"path": '../index/index'
					},
					{
						'title': this.$t('indexTitle.title30'),
						"img": '../../static/images/19.png',
						"path": '../activity/index'
					},
					{
						'title': this.$t('indexTitle.title31'),
						"img": '../../static/images/17.png',
						"path": '../configuration/index'
					},
					{
						'title': this.$t('indexTitle.title33'),
						"img": '../../static/images/15.png',
						"path": '../recharge/record'
					},
					{
						'title': this.$t('indexTitle.title34'),
						"img": '../../static/images/13.png',
						"path": '../vipStructure/vipStructure'
					},
					{
						'title': this.$t('indexTitle.title36'),
						"img": '../../static/images/9.png',
						"path": '../myPlatform/downloadPlatform'
					},
					{
						'title': this.$t('indexTitle.title32'),
						"img": '../../static/images/5.png',
						"path": '../userProfile/index'
					},
					{
						'title': this.$t('indexTitle.title35'),
						"img": '../../static/images/7.png',
						"path": '../recentNews/index'
					},
					// {
					// 	'title': this.$t('indexTitle.title37'),
					// 	"img": '../../static/images/11.png',
					// 	"path": '../ranking/index'
					// },
				],
				show2: false,
				value: '',
				navItShow:0,
				list:[],
				info:[],
				loginout:false,
				balance:[],
				kefuurl:''
			}
		},
		onLoad() {
			this.info = uni.getStorageSync('info')
			this.getnoticelist()
			this.getkefu()
		},
		onShow() {
			this.getbalance()
		},
		onReady() {},
		methods: {
			getkefu(){
				let url = domains + 'api/default/setting?key=sign_kefu';
				let mytype = 'get';
				uni.request({
					url,
					method: mytype,
					header: {
						'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
						'Lang': uni.getStorageSync('lang'),
						'authorization': uni.getStorageSync('tokenNum')
					},
					success: res => {
						if (res.data.code == 0) {
							this.kefuurl = res.data.data
						} else {
							uni.showToast({ //提示
								icon: 'none',
								title: res.data.msg
							})
						}
					},
					fail: (err) => {
						console.log(err)
					},
					complete: () => {
						setTimeout(function() {
							uni.hideLoading();
						}, 1000);
					}
				});
			},
			gokefu(){
				window.open(this.kefuurl)
			},
			getbalance(){
				let url = domains + 'api/balance';
				let mytype = 'get';
				uni.request({
					url,
					method: mytype,
					header: {
						'content-type': 'application/x-www-form-urlencoded' ,//自定义请求头信息
						'Lang':uni.getStorageSync('lang'),
						'authorization':uni.getStorageSync('tokenNum')
					},
					success: res => {
						if(res.data.code == 0){
							this.balance = res.data.data
						}else{
							uni.showToast({//提示
								icon:'none',
								title:res.data.msg
							})
						}
					},
					fail: (err) => {
						console.log(err)
					},
					complete: () => {
						setTimeout(function() {
							uni.hideLoading();
						}, 1000);
					}
				});
			},
			getnoticelist(){
				if(this.navItShow == 0){
					let url = domains + 'api/news/all_list?category_id=102';
					// let url = domains + 'api/user/getmessage';
					let mytype = 'get';
					uni.request({
						url,
						method: mytype,
						header: {
							'content-type': 'application/x-www-form-urlencoded' ,//自定义请求头信息
							'Lang':uni.getStorageSync('lang'),
							'authorization':uni.getStorageSync('tokenNum')
						},
						success: res => {
							if(res.data.code == 0){
								this.list = res.data.data.list[0].news
							}else{
								uni.showToast({//提示
									icon:'none',
									title:res.data.msg
								})
							}
						},
						fail: (err) => {
							console.log(err)
						},
						complete: () => {
							setTimeout(function() {
								uni.hideLoading();
							}, 1000);
						}
					});
				}
				if(this.navItShow == 2){
					let url = domains + 'api/user/getmessage';
					let mytype = 'get';
					uni.request({
						url,
						method: mytype,
						header: {
							'content-type': 'application/x-www-form-urlencoded' ,//自定义请求头信息
							'Lang':uni.getStorageSync('lang'),
							'authorization':uni.getStorageSync('tokenNum')
						},
						success: res => {
							if(res.data.code == 0){
								// this.userinfo = res.data.data
							}else if(res.data.code == 999){
								uni.showToast({//提示
									icon:'none',
									title:res.data.msg
								})
								setTimeout(function(){
									uni.navigateTo({
										url:'/pages/login/newlogin'
									})
								},1500)
							}else{
								uni.showToast({//提示
									icon:'none',
									title:res.data.msg
								})
							}
						},
						fail: (err) => {
							console.log(err)
						},
						complete: () => {
							setTimeout(function() {
								uni.hideLoading();
							}, 1000);
						}
					});
				}
			},
			islogin() {
				if (this.info) {
					// this.loginout = true;
				} else {
					uni.showToast({ //提示
						icon: 'none',
						title: this.$t('login.title35')
					})
					setTimeout(function() {
						uni.navigateTo({
							url: '/pages/login/newlogin'
						})
					}, 1500)
				}
			},
			loginouts(){
				this.loginout = true;
			},
			logout(){
				uni.removeStorage({
					key:'token'
				})
				uni.removeStorage({
					key:'tokenNum'
				})
				uni.removeStorage({
					key:'info'
				})
				uni.showToast({//提示
					icon:'none',
					title:this.$t('login.title40')
				})
				setTimeout(function(){
					uni.navigateTo({
						url:'/pages/login/newlogin'
					})
				},1500)
				this.loginout = false
			},
			gorecord(e){
				uni.navigateTo({
					url: '/pages/recharge/record?tab=' + e
				})
			},
			godetail(e){
				uni.navigateTo({
					url:'../activity/detail?id=' + e.id
				})
			},
			gozhuanzhang(e){
				uni.navigateTo({
					url:'/pages/recharge/transfer?type=' + e
				})
			},
			gotixian(e){
				uni.navigateTo({
					url:'/pages/recharge/withdraw?type=' + e
				})
			},
			gocunkuan(){
				uni.navigateTo({
					url:'/pages/recharge/recharge'
				})
			},
			open2() {
				this.show2 = !this.show2
			},
			lang(e) {
				this.$i18n.locale = e;
				localStorage.setItem('lang', e);
				this.show2 = false;
				this.navList = [{
						'title': this.$t('indexTitle.title29'),
						"img": '../../static/images/3.png',
						"path": '../index/index'
					},
					{
						'title': this.$t('indexTitle.title30'),
						"img": '../../static/images/19.png',
						"path": '../activity/index'
					},
					{
						'title': this.$t('indexTitle.title31'),
						"img": '../../static/images/17.png',
						"path": '../configuration/index'
					},
					{
						'title': this.$t('indexTitle.title33'),
						"img": '../../static/images/15.png',
						"path": '../recharge/record'
					},
					{
						'title': this.$t('indexTitle.title34'),
						"img": '../../static/images/13.png',
						"path": '../vipStructure/vipStructure'
					},
					{
						'title': this.$t('indexTitle.title36'),
						"img": '../../static/images/9.png',
						"path": '../myPlatform/downloadPlatform'
					},
					{
						'title': this.$t('indexTitle.title32'),
						"img": '../../static/images/5.png',
						"path": '../userProfile/index'
					},
					{
						'title': this.$t('indexTitle.title35'),
						"img": '../../static/images/7.png',
						"path": '../recentNews/index'
					},
				]
				this.$emit("toTime", "我来自子组件")
			},
			goPage(path) {
				uni.navigateTo({
					url: path
				})
			},
			switchLang() {
				uni.navigateTo({
					url: ''
				})
			},
			change(e) {
				console.log('change', e);
			},
			cutNavIt(num) {
				this.navItShow = num
				this.list = []
				this.getnoticelist()
			}
		}
	}
</script>

<style lang="scss">
	* {
		box-sizing: border-box;
	}

	.conTitOneTit {
		width: 100%;
		text-align: center;
		font-size: 16px;
		color: #000;
		margin: 20px 0px 10px;
	}
.sjhsuid{
		position: absolute;
		top: 42px;
		right: 50px;
	}
	.indexHeaBox {
		width: 100%;
		height: 180px;
		background-image: url('../../static/images/82.jpg');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		display: flex;
		font-size: 12px;
		color: #fff;
		justify-content: space-between;
		padding: 10px 15px;
	}

	.leftImg {
		height: 40px;
		display: flex;
		align-items: center;

		image {
			width: 25px;
			height: 25px;
			margin-right: 5px;
		}
	}

	.rightImg {
		display: flex;
		height: 40px;
		align-items: center;

		image:first-child {
			width: 16px;
			height: 18px;
			margin-right: 5px;
		}
		
		image:last-child {
			width: 18px;
			height: 18px;
		}
		
		.logout{
			width: 40rpx !important;
			margin-left: 10rpx;
		}

		.rightImgLine {
			width: 1px;
			background-color: #fff;
			height: 20px;
			margin: 0px 5px;
		}

		.rightImgName {
			padding: 2px 5px;
			background-color: #6aa3ea;
			color: #000;
		}
	}

	.indexNav {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 15px 0 10px;

		.indexNavIt {
			width: 25%;
			display: flex;
			align-items: center;
			flex-direction: column;
			font-size: 14px;
			color: #333;
			margin-bottom: 10px;
			text-align: center;
		
			image {
				width: 20px;
				height: 18px;
				margin-bottom: 10px;
			}
		}
		
		.indexNavIt:nth-child(5) image {
			width: 22px;
		}
		
		.indexNavIt:nth-child(9) image {
			height: 21px;
		}
	}

	.conLineBox {
		width: 100%;
		height: 7px;
		background-color: #ededed;
	}

	.conBox {
		width: 100%;
		padding: 10px 15px 20px;
		margin-top: 10px;
	}

	.conOne {
		background-color: #f1f3ff;
		border-radius: 5px;
	}

	.conSix {
		padding: 40px 20px 30px;
		margin-top: 40px;
		background-image: url('../../static/images/58.jpg');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.conSix>p:nth-child(1) {
		font-size: 13px;
		font-weight: 600;
		color: #fff;
	}

	.buttomBoxbut {
		width: 300px;
		margin: 30px auto;
		text-align: center;
		line-height: 30px;
		height: 30px;
		font-size: 14px;
		color: #fff;
		cursor: pointer;
		background-color: #fed136;
		border-radius: 30px;
	}

	.conSixText {
		margin: 20px 0px 0;
		text-align: center;
		font-size: 13px;
		color: #fff;
	}


	.conSixText p {
		margin-bottom: 10px;
	}

	.bottomTextBox {
		text-align: center;
		font-size: 12px;
		color: #333;
		margin: 10px 0;
	}


	.conNavOneItRiButs {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0px auto 10rpx;
	}

	.conThree {
		width: 95%;
		margin: 10px auto 0;
	}

	.lineBox {
		position: absolute;
		width: 60px;
		height: 2px;
		background-color: #6c83bf;
		bottom: -5px;
		left: 0;
	}

	.tongjiBox {
		width: 95%;
		margin: 0 auto;
	}

	.tongjiBoxTitle {
		font-size: 15px;
		font-weight: 600;
		margin-bottom: 10px;
	}
.linehjghj {
		width: 15%;
		margin: 0px auto 20px;
		height: 5px;
		border-radius: 10px;
		background-color: #eaeaea;
	}

	.lineLeft {
		width: 50%;
		border-radius: 10px;
		height: 5px;
		background-color: #277af5;
	}

	.tongjiNav {
		width: 100%;
		margin: 20px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	.conNavOneItdada {
		width: 32.5%;
		margin-bottom: 5px;
		border-radius: 10px;
		padding: 10px 8px;
		background-color: #938ced;
		font-size: 12px;
		color: #fff;
	}

	.conNavOneItdada img {
		width: 30px;
		height: 26px;
		margin-right: 5px;
	}

	.conNavOneItRi p {
		margin: 0;
		text-align: left;
	}

	.conNavOneItRi p:nth-child(2) {
		// color: #5eb7fa;
		margin: 2px 0px;
		font-weight: 600;
	}
	.conNavOneItRiBut {
		width: 100%;
		display: flex;
		align-items: center;
	}

	.mask2 {
		position: fixed;
		top: 90rpx;
		left: 30rpx;
		z-index: 99;
		background-color: #ffffff;
		border-radius: 50rpx;
		padding: 10rpx 30rpx;
		font-size: 24rpx;
	}

	.mask2 img {
		width: 44rpx;
		height: 44rpx;
		margin-right: 30rpx;
	}


	.mask2 view {
		display: flex;
		color: #000;
		align-items: center;
		margin: 20rpx;
	}

	.tishiBox {
		width: 85%;
		margin: 0px auto;
	}

	.tishiBoxIt {
		// display: flex;
		border-radius: 3px;
		// align-items: center;
		width: 100%;
		margin: 20px 0 0px;
		box-shadow: #e1e9fb 1.95px 1.95px 5px;
	}

	.tishiBoxIt image {
		width: 100%;
		height: 350px;
	}

	.tishiBoxItText {
		width: 100%;
		// height: 350px;
		background-color: #fff;
		padding: 15px 10px 20px 10px;
	}

	.tishiBoxItTextTit {
		display: flex;
		align-items: center;
		font-size: 17px;
		color: #238bdf;
		font-weight: 600;
	}

	.tishiBoxItTextTit>view {
		width: 3px;
		height: 25px;
		background-color: #238bdf;
		margin-right: 5px;
	}

	.tishiBoxItTextCon {
		// padding: 10px 0px 0px 20px;
		font-size: 14px;
		color: #333;
		margin-top: 10px;
		line-height: 30px;
		text-align: left;
	}



.conListBoxIt {
		width: 93%;
		margin: 10px auto;
		background-color: #fff;
		border-radius: 2px;
		box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 5px;
		padding: 10px 15px 20px 20px;
		margin-bottom: 25px;
	}


	.conThreeTitle {
		width: 100%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		padding-bottom: 5px;
		border-bottom: 1px solid #e5e6e9;
		font-size: 14px;
		color: #333;
	}
	.conThreeTi {
		width: 30%;
		font-size: 16px;
		cursor: pointer;
		color: #333;
		position: relative;
	}
	.conThreeTiTow{
		color: #4464d9;
	}

	.conThreeTitle p {
		margin: 0px 0 4px;
		margin-left: 5px;
	}
	.gonggaoBox{
		width: 95%;
		margin: 10px auto;
	}
	.gonggaoBoxTitLE{
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 14px;
		color: #fff;
	}
	.gonggaoBoxTiIt{
		width: 90px;
		height: 22px;
		text-align: center;
		line-height: 22px;
		background-image: url('../../static/images/64.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	.gonggaoBoxCon{
		width: 100%;
	}
	.gonggaoBoxConIt{
		display: flex;
		align-items: center;
		margin: 10px 0px 0px;
		justify-content: space-between;
	}
	.gonBoxConleft{
		width: 62%;
		display: flex;
		align-items: center;
		font-size: 13px;
		color: #000;
	}
	.yuanBoxtOW{
		width: 8px;
		height: 8px;
		border: 3px solid #fcb055;border-radius: 50%;
		margin-right: 5px;
	}
	.yuanboxonsd{
		flex: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.gonBoxConright{
		width: 30%;
		overflow: hidden;
		font-size: 14px;
		color: #a9a9a9;
	}
	.lineBoxTow {
		position: absolute;
		width: 40px;
		height: 2px;
		background-color: #4464d9;
		bottom: -5px;
		left: 0;
	}
	
	.notice{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1111;
		background-color: rgba(0, 0, 0, .4);
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.loginoutbox{
		width: 80%;
		background-color: #fff;
		border-radius: 20rpx;
	}
	.lbtitle{
		width: 100%;
		height: 100rpx;
		font-size: 16px;
		line-height: 100rpx;
		text-align: center;
	}
	.lbtitle1{
		width: 100%;
		height: 100rpx;
		font-size: 14px;
		line-height: 100rpx;
		text-align: center;
		margin-bottom: 30rpx;
	}
	.lbbtns{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 50rpx;
		margin-bottom: 40rpx;
	}
	.lbbtn1{
		width: 140rpx;
		height: 60rpx;
		text-align: center;
		line-height: 60rpx;
		border-radius: 10rpx;
		font-size: 14px;
		color: #000;
		background-color: #f0f0f0;
	}
	.lbbtn2{
		width: 140rpx;
		height: 60rpx;
		text-align: center;
		line-height: 60rpx;
		border-radius: 10rpx;
		font-size: 14px;
		color: #fff;
		background-color: #238bdf;
	}
	.kefu{
		width: 80rpx;
		height: 80rpx;
		position: fixed;
		bottom: 15%;
		right: 20rpx;
		z-index: 1000;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		
		image{
			width: 80rpx;
			height: 80rpx;
		}
	}
</style>